<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Handmade</title>
    <link href="css/handmade.css" rel="stylesheet" />
  </head>
  <body>
    <div
      class="MrContainer"
      style="height: 100%;
    padding: 64px 106px 0;
    background-color: #ffffff;"
    >
      <header>
        <h3
          style="width:90px;
            height:18px; font-size:18px; font-family:Microsoft YaHei; font-weight:bold; color:rgba(76,88,99,1);"
        >
          时间轴管理
        </h3>
      </header>
      <div
        class="timeline-container"
        style="overflow-x: scroll;position: relative;"
      >
        <ul
          class="slides clearfix list"
          style="width: 2600%; transition-duration: 0s; transform: translate3d(0px, 0px, 0px);"
        >
          <li style="width: 300px; float: left; display: block;">
            <div class="item">
              <!-- <img src="./images/深蓝.png" alt=""> -->

              <h3>川藏铁路建设情况概述...</h3>
              <div class="desc">
                <!-- <div class="dot" style="width:6px;
                height:6px;
                background:rgba(54,125,250,1);
                border-radius:50%;"></div>
                    <div class="dotline" style="width:2px;
                height:32px;
                border:1px solid rgba(54,125,250,1);"></div> -->

                <img src=" ./images/pic.png" alt="" />
              </div>
            </div>
          </li>
          <li style="width: 300px; float: left; display: block;">
            <div class="item">
              <h3>川藏铁路建设情况概述</h3>
              <div class="desc">
                <img src="./images/pic1.png" alt="" />
              </div>
            </div>
          </li>
          <li style="width: 300px; float: left; display: block;">
            <div class="item">
              <h3>川藏铁路建设情况概述</h3>
              <div class="desc">
                <img src="./images/pic2.png" alt="" />
              </div>
            </div>
          </li>
          <li style="width: 300px; float: left; display: block;">
            <div class="item">
              <h3>川藏铁路建设情况概述</h3>
              <div class="desc">
                <img src="./images/pic.png" alt="" />
              </div>
            </div>
          </li>
          <li style="width: 300px; float: left; display: block;">
            <div class="item">
              <h3>川藏铁路建设情况概述</h3>
              <div class="desc">
                <img src="./images/pic1.png" alt="" />
              </div>
            </div>
          </li>
          <li style="width: 300px; float: left; display: block;">
            <div class="item">
              <h3>川藏铁路建设情况概述</h3>
              <div class="desc">
                <img src="./images/pic2.png" alt="" />
              </div>
            </div>
          </li>
          <li style="width: 300px; float: left; display: block;">
            <div class="item">
              <h3>川藏铁路建设情况概述</h3>
              <div class="desc">
                <img src="./images/pic.png" alt="" />
              </div>
            </div>
          </li>
          <li style="width: 300px; float: left; display: block;">
            <div class="item">
              <h3>川藏铁路建设情况概述</h3>
              <div class="desc">
                <img src="./images/pic1.png" alt="" />
              </div>
            </div>
          </li>
          <li style="width: 300px; float: left; display: block;">
            <div class="item">
              <h3>川藏铁路建设情况概述</h3>
              <div class="desc">
                <img src="./images/pic2.png" alt="" />
              </div>
            </div>
          </li>
          <li style="width: 300px; float: left; display: block;">
            <div class="item">
              <h3>川藏铁路建设情况概述</h3>
              <div class="desc">
                <img src="./images/pic.png" alt="" />
              </div>
            </div>
          </li>
          <li style="width: 300px; float: left; display: block;">
            <div class="item">
              <h3>川藏铁路建设情况概述</h3>
              <div class="desc">
                <img src="./images/pic1.png" alt="" />
              </div>
            </div>
          </li>
          <li style="width: 300px; float: left; display: block;">
            <div class="item">
              <h3>川藏铁路建设情况概述</h3>
              <div class="desc">
                <img src="./images/pic2.png" alt="" />
              </div>
            </div>
          </li>
          <li style="width: 300px; float: left; display: block;"></li>
        </ul>
      </div>
    </div>
  </body>
</html>
